@import "@/common/constants/StyleConst.scss";

.label {
  width: 40px;
  flex: unset;
  text-align: left;
  font-size: 12px;
  color: #000000;
}

.label-input {
  text-align: left;
  font-size: 12px;
  color: #000000;
}

:deep .white-input-17 {
  &.v-text-field.v-text-field--solo.v-input--dense {
    .v-input__control {
      min-height: 20px;
      font-size: 12px;

      .v-input__slot {
        min-height: unset;
        height: 20px;
        box-shadow: unset;
        border-radius: unset;
      }
    }
  }
}

.inspection-service {
  height: 100%;

  .title {
    margin-left: 11px;
    text-align: left;
    height: 48px;
    line-height: 48px;
    font-size: 18px;
    font-weight: 700;
    color: #556282;
  }

  .job-content {
    height: calc(100% - 64px);
    box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.25);
    border-radius: 8px;
    >*:last-child:not(.v-btn):not(.v-chip):not(.v-avatar) {
      border-bottom-left-radius: unset;
      border-bottom-right-radius: unset;
    }

    .head {
      padding: 0 12px;
      height: 40px;
      background-color: #626C84;
      display: flex;
      justify-content: space-between;
      .head-icon {
        display: flex;
        align-items: center;
        .icon {
          margin-left: 12px;
        }
      }
      .icon {
        color: $color-text-white;
      }
    }
    .v-expansion-panels {
      height: calc(100% - 40px);
      overflow-y: auto;
      overflow-x: hidden;
      display: block;
      :deep .panel-header {
        min-height: 33px;
        background-color: #DFE1E8;
        padding: 0 12px;
  
        &.v-expansion-panel-header:before {
          background-color: unset;
        }
        .panel-header-list {
          .panel-header-item {
            display: flex;
            .icon-vertical {
              width: 38px;
              font-size: 18px;
            }
            .panel-header-title {
              color: $color-theme-grey;
              width: 38px;
              font-size: 12px;
            }
          }
          .panel-header-icon {
            display: flex;
            justify-content: flex-end;
            .icon {
              font-size: 16px;
              margin-left: 10px;
              color: $color-theme-lightblue;
            }
          }
        }
        .v-expansion-panel-header__icon {
          margin-left: 8px;
          .mdi-chevron-down::before {
            font-size: 20px;
          }
        }
      }
      :deep .panel-content {
        .v-expansion-panel-content__wrap {
          padding: 0 12px;
        }
      }
    }
    .v-expansion-panel::before {
      box-shadow: unset;
    }
  }


}

.edit-job-sheet-dialog {
  :deep .radio-container {
    .v-label {
      font-size: 12px;
      color: #000000;
    }
  }
}